<template>
  <div class="box">
    <div class="form">
      <div class="form_list overflowEllipsis">
        单位名称：宝塔山街道商务局
      </div>
      <div class="form_list overflowEllipsis">
        联系方式：<small>0320-23456</small>
      </div>
      <div class="form_list overflowEllipsis">
        地址：宝塔山街道
      </div>
      <div class="form_list overflowEllipsis">
        邮编：<small>0932-154623</small>
      </div>
    </div>
    <div class="list">
      <div class="txt_top">
        <small>───</small> 简介 <small>───</small>
      </div>
      <ul class="txt_bot">
        <li class="list_item flex" v-for="(e,i) in users" :key="i">
          <div class="list_item_lf">
            <img src="/static/img/4@3x.png" alt="">
          </div>
          <div class="list_item_lr">
            <div class="list_item_lf_name overflowEllipsis">
              张少航
            </div>
            <div class="list_item_lf_phone overflowEllipsis">
              联系电话：17702314562
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
import taskApi from "../../requestApi/taskApi";
import { Toast } from "mint-ui";
export default {
  components: {},
  data() {
    return {
      details: {
        title:
          "李明远：不断增强基层党组织的凝聚力战斗力加快城改步伐为百姓打造依据新生活",
        content: ""
      },
      users: [{}, {}],
      units: [{}, {}]
    };
  },
  created: function() {},
  mounted() {
    let self = this;
    self.baseUserMessageDistributeFun();
    window.getAppgetUserToken = function(val) {
      self.baseUserInfoFun(val);
      self.listFun();
    };
    this.titleFun({
      title: "组织简介"
    });
  },
  methods: {
    unitClick(e) {
      this.basePushFun(`/zzcx/detail?id=${e.id}`);
    },
    async listFun() {
      let self = this;
      let params = {
        id: this.$route.query.id
      };
      let res = await taskApi.GetApiWebmessageboardlist(params);
      if (res.statusCode == 200) {
      } else {
        Toast({
          message: res.statusMessage,
          position: "bottom"
        });
      }
    }
  },
  filters: {},
  watch: {},
  computed: {}
};
</script>
<style scoped>
.list_item_lf_phone {
  height: 0.4533rem;
  font-size: 0.4rem;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(101, 101, 101, 1);
  line-height: 0.48rem;
  margin-top: 0.2933rem;
}
.list_item_lf_name {
  width: 100%;
  font-size: 0.4533rem;
  font-family: PingFang-SC-Bold;
  font-weight: bold;
  color: rgba(74, 74, 74, 1);
  height: 0.5333rem;
  line-height: 0.5333rem;
}
.list_item_lr {
  margin-left: 0.3733rem;
  height: 1.4667rem;
  margin-top: 0.4267rem;
  width: calc(100% - 2.4rem);
}
.list_item_lf {
  width: 1.4667rem;
  height: 1.4667rem;
  margin-top: 0.4267rem;
  margin-left: 0.2667rem;
}
.list_item_lf img {
  width: 100%;
  height: 100%;
}
.txt_bot {
  margin-top: 0.5333rem;
}
.txt_top small {
  color: #ccc;
}
.txt_top {
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.3467rem;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(128, 128, 128, 1);
  text-align: center;
}
.list_item {
  width: 100%;
  height: 2.32rem;
  border: 0.0267rem solid rgba(223, 223, 223, 1);
  border-radius: 0.08rem;
  margin-bottom: 0.2667rem;
  overflow: hidden;
}
.list {
  margin-top: 0.5333rem;
  width: calc(100% - 0.6933rem);
  margin-left: 0.3467rem;
}

.form_list small {
  color: #e12229;
  font-size: 0.4533rem;
  font-style: italic;
}
.form_list {
  height: 0.4533rem;
  line-height: 0.4533rem;
  font-size: 0.4rem;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(75, 75, 75, 1);
  margin-top: 0.5333rem;
}
.form {
  width: calc(100% - 0.6933rem);
  margin-left: 0.3467rem;
}
.box {
  background: #fff;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
}
</style>